<style>
  .blog_detail_default .blog_wrapper {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
  }
  .blog_detail_default .blog_time {
    color: #999;
    margin: 0 0 40px;
    text-align: center;
  }
  .blog_detail_default .blog_descript {
    line-height: 1.5;
  }

  .blog_detail_default .blog_descript img {
    max-width: 100%;
  }
  @media screen and (max-width: 767px) {
    .blog_detail_default .blog_wrapper {
      padding: 0 1rem;
      width: 100%;
      box-sizing: border-box;
    }
  }
</style>

<div class="blog_detail_default " id="blog_detail">
  <div class="plugin-container-header"></div>

  <div class="blog_wrapper">
    <h1 class="title">{{ blog.title }}</h1>
    <div class="blog_time">{{ blog.published_at | date: '%Y-%m-%d' }}</div>
    <div class="blog_descript mo-editor-reset">
      {{ blog.content|html_content_filter }}
    </div>
  </div>
  <div class="plugin-container-footer"></div>
</div>
{% include 'page_back_button', href: '/blogs' %}
{% schema %}
{
  "class": "blog_detail",
  "is_global": false,
  "icon": "icon-boke",
  "name": {
    "zh_CN": "博客详情页",
    "en_US": "Blog Detail"
  },
  "max_blocks": "",
  "blocks": [],
  "settings": [],
  "default": {
    "settings": {
      "refresh": true
    },
    "blocks": []
  }
}
{% endschema %}
